<!--
 * @Descripttion:
 * @version: 1.0.0
 * @Author: lai_hq@qq.com
 * @Date: 2022-07-30 11:48:40
 * @LastEditors: lai_hq@qq.com
 * @LastEditTime: 2022-08-05 16:41:41
-->

<template>
    <router-view></router-view>
</template>
<script setup lang="ts"></script>

<style lang="less">
html,
body,
#app {
    height: 100%;
}

:root {
    --primary-color: @primary-color;
    --link-color: @link-color;
    --success-color: @success-color; // 成功色
    --warning-color: @warning-color; // 警告色
    --error-color: @error-color; // 错误色
    --font-size-base: @font-size-base; // 主字号
    --heading-color: @heading-color; // 标题色
    --text-color: @text-color; // 主文本色，
    --suggestive-color: @suggestive-color; // 提示性文字

    --text-color-secondary: @text-color-secondary; // 次文本色
    --disabled-color: @disabled-color; // 失效色
    --border-radius-base: @border-radius-base; // 组件/浮层圆角
    --border-color-base: @border-color-base; // 边框色
    --box-shadow-base: @box-shadow-base; // 浮层阴影
    --body-background: @body-background; //白色
    --gray-background: @gray-background; //灰色背景
    --acitve-background: @acitve-background; //选中颜色
}
</style>
